<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>云轻站</title>
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/animate.css">
  <link rel="stylesheet" href="./css/header-common.css">
  <link rel="stylesheet" href="./css/yun_qing_zhan.css">
  <link rel="stylesheet" href="./css/footer.css">
  <link rel="stylesheet" href="./css/threesixty.css">
  <script type="text/javascript">
    var Sys = {};
    var ua = navigator.userAgent.toLowerCase();
    if (window.ActiveXObject) {
      Sys.ie = ua.match(/msie ([\d.]+)/)[1]
      if (Sys.ie <= 8) {
        alert('你目前的IE版本为' + Sys.ie + '版本太低，请升级！');
        location.href = "http://windows.microsoft.com/zh-CN/internet-explorer/downloads/ie";
      }
    }
  </script>
</head>
<body>
<!--header-->
<div class="header-top-content">
  <div class="top-huise-content">
    <div class="header margin-auto">
      <div class="header-top cursor cf wow fadeInDown" data-wow-delay="0.2s">
        <div class="fl flex-grow-0 flex-y-center" >
          <img class="header-logo" src="./images/header-logo.png" alt="">
          <img src="./images/header-logo-right.png" alt="">
          <span class="compnay-desc">（央企旗下网站）</span>
        </div>
        <div class="contactBox flex-grow-0 flex-y-center fr cursor" >
          <img src="./images/header_phone.png" alt="">
          <span class="phone-number">400-189-2025</span><span class="phone-desc">客服中心2025网公众微信</span>
          <img class="small-erwei" src="./images/header_erwei.png" alt="">
          <img class="show-big-erwei" src="./images/erwei.png" alt="">
        </div>
      </div>
    </div>
  </div>

  <div class="header margin-auto header-bottom-box">
    <div class="header-bottom cf wow fadeInDown" data-wow-delay="0.2s">
      <div class="fl cursor">
        <img src="./images/header-logo-bottom.png" alt="">
      </div>
      <ul class="nav-box fr">
        <li><a href="./index.html">首页</a></li>
        <li><a href="./yun_gong_chang.html">云工厂</a></li>
        <li><a href="##">云展馆</a></li>
        <li class="current"><a href="./yun_qing_zhan.html">云轻站</a></li>
        <li><a href="##">工业仿真动画</a></li>
        <li><a href="##">企业影视</a></li>
        <li><a href="##">关于我们</a></li>
      </ul>
    </div>
  </div>
</div>
<!--banner-->
<div class="banner cursor">
  <a href="#contact" class="mao_dian"></a>
</div>

<!--create type-->
<div class="createTypeContent">
  <div class="text-center wow bounceInLeft" data-wow-delay="0.8s">
    <img src="./images/yun_qing_zhan/createType.png" alt="">
  </div>
  <div class="header margin-auto center-img-content-box">
    <ul class="center-img-box cf">
      <li class="wow bounceInDown" data-wow-delay="0.1s">
        <img src="./images/yun_qing_zhan/createType_1_img.png" alt="">
        <div class="bottom-desc-box">
          <p class="title">企业移动门户</p>
          <p class="desc">更贴合移动浏览习惯</p>
        </div>
      </li>
      <li class="wow bounceInDown" data-wow-delay="0.2s">
        <img src="./images/yun_qing_zhan/createType_2_img.png" alt="">
        <div class="bottom-desc-box">
          <p class="title">企业官网小程序</p>
          <p class="desc">坐拥小程序流量红利</p>
        </div>
      </li>
      <li class="wow bounceInDown" data-wow-delay="0.3s">
        <img src="./images/yun_qing_zhan/createType_3_img.png" alt="">
        <div class="bottom-desc-box">
          <p class="title">企业品牌商城</p>
          <p class="desc">打造体验式产品营销</p>
        </div>
      </li>
      <li class="wow bounceInDown" data-wow-delay="0.5s">
        <img src="./images/yun_qing_zhan/createType_4_img.png" alt="">
        <div class="bottom-desc-box">
          <p class="title">移动分销商城</p>
          <p class="desc">口碑传播 社交化推广</p>
        </div>
      </li>
      <li class="wow bounceInDown" data-wow-delay="0.7s">
        <img src="./images/yun_qing_zhan/createType_5_img.png" alt="">
        <div class="bottom-desc-box">
          <p class="title">在线展厅、展馆</p>
          <p class="desc">永不落幕的在线展览会</p>
        </div>
      </li>
    </ul>
  </div>
  <div class="te_dian_title wow tada" data-wow-delay="0.2s">
    <img src="./images/yun_qing_zhan/product_tedian.png" alt="">
  </div>
  <div class="tedian_bg_content">
    <div class="header margin-auto show_img_center_content">
      <p class="show_3d_title">产品3D仿真展示</p>
      <div class="text-center">
        <div class="line"></div>
      </div>
      <!--<img src="./images/yun_qing_zhan/3D_show_img.png" alt="">-->
      <div class="show_img_box">
        <div class="threesixty">
          <div class="spinner">
            <span>0%</span>
          </div>
          <ol class="threesixty_images"></ol>
        </div>
      </div>
      <p class="desc_3d_show wow bounceInLeft" data-wow-delay="0.1s">360度产品展示，全方位、高清、互动式体验，一个改变时代的营销利器 </p>
    </div>
  </div>
</div>
<!--全景展示-->
<div class="quan_jing_show_container">
  <div class="header margin-auto quan_jing_show_center">
    <div class="show-top wow bounceInRight" data-wow-delay="0.2s">
      <p class="show_3d_title">产品3D仿真展示</p>
      <div class="text-center">
        <div class="line"></div>
      </div>
      <p class="show_desc">720 ° 全方位展示您的展厅、厂房、生产线，展现企业实力，实现远程看厂 </p>
    </div>
    <div class="sohw_item_box">
      <!--1-->
      <div class="flex-row flex-y-center sohw_item wow bounceInRight" data-wow-delay="0.2s">
        <div class="flex-grow-0" style="margin-right: 45px">
          <img src="./images/yun_qing_zhan/Allshow.png" alt="">
        </div>
        <div class="flex-grow-1">
          <p class="font-size-36px">户外VR全景展示</p>
          <p class="font-size-24px">工厂外景、楼宇外景、环境外景 </p>
        </div>
      </div>
      <!--2-->
      <div class="flex-row flex-y-center sohw_item wow bounceInLeft" data-wow-delay="0.2s">
        <div class="flex-grow-1">
          <p class="font-size-36px"> 产品360度环视</p>
          <p class="font-size-24px">轻松展示产品每一度</p>
        </div>
        <div class="flex-grow-0">
          <img src="./images/yun_qing_zhan/Allshow.png" alt="">
        </div>
      </div>
      <!--3-->
      <div class="flex-row flex-y-center sohw_item wow bounceInRight" data-wow-delay="0.2s">
        <div class="flex-grow-0" style="margin-right: 45px">
          <img src="./images/yun_qing_zhan/Allshow.png" alt="">
        </div>
        <div class="flex-grow-1">
          <p class="font-size-36px">室内VR全景展示</p>
          <p class="font-size-24px">展馆展厅、工厂厂房、生产线展示 </p>
        </div>
      </div>
    </div>
  </div>
</div>
<!--微商城-->
<div class="wei_shop_container">
  <div class="header margin-auto">
    <div class="title_box wow bounceInLeft" data-wow-delay="0.5s">
      <p class="font-size-36px">微商城</p>
      <div class="text-center">
        <div class="line"></div>
      </div>
      <p class="show_desc font-size-24px">打造企业H5商城，内嵌VR、3D、仿真动画等展现方式 </p>
    </div>
    <div class="shop_box flex-row flex-list">
      <div class="show-item flex-grow-0 wow bounceInDown" data-wow-delay="0.1s">
        <div><img src="./images/yun_qing_zhan/dianzishangwu.png" alt=""></div>
        <p class="title">电子商务</p>
        <p class="desc"> 电子商务 为企业提供一个给直接客户售卖产品的平台，结合3D、VR、仿真视频等展示方式；让用户随时随地多场景轻松购买您的商品。</p>
      </div>
      <div class="show-item flex-grow-0 wow bounceInDown" data-wow-delay="0.3s">
        <div><img src="./images/yun_qing_zhan/fenxiaoshangcheng.png" alt=""></div>
        <p class="title">分销商城</p>
        <p class="desc">"微商城+微分销"多层级一体化分销成交平台，以总部布控，发动分销员，发展消费者参与分销，协助企业打造“企业+分销员+粉丝”的多层级微信创客营销模式。</p>
      </div>
      <div class="show-item flex-grow-0 wow bounceInDown" data-wow-delay="0.5s">
        <div><img src="./images/yun_qing_zhan/duoshanghu.png" alt=""></div>
        <p class="title">多商户</p>
        <p class="desc">实现同一平台、多个商户、可选平台或独立发货、可以开放自有产品上传售卖极大地丰富平台商品，实现“平台店铺+商户店铺+分销商+代理商+粉丝模式。</p>
      </div>
    </div>
  </div>
</div>
<!--人工智能-->
<div class="regong_zhineng_container">
  <div class="header margin-auto">
    <div class="title_box wow bounceInRight" data-wow-delay="0.2s">
      <p class="font-size-36px">人工智能 </p>
      <div class="text-center">
        <div class="line"></div>
      </div>
      <p class="show_desc font-size-24px">赋能企业，无缝贴合真实业务场景 </p>
    </div>
  </div>
  <div class="img-text-box flex-row">
    <div class="fist-box">
      <div class=""><img src="./images/yun_qing_zhan/yuyin.png" alt=""></div>
      <div class="title">智能语音交互</div>
      <p class="desc">基于语音识别、语音合成、自然语言理解等技术，赋予网站“能听、会说、懂你”式的智能人机交互体验。</p>
      <div class="long-line"></div>
      <div class="title">语音搜索</div>
      <p class="desc">基于大数据和深度学习实现，可使用语音交互的方式，使搜索更便捷、更智能、更灵活，实现从语音输入、语音识别、语义理解到搜索结果输出及播报的完整解决方案。</p>
    </div>
    <div class="second-box">
      <div>
        <img src="./images/yun_qing_zhan/artificial.png" alt="">
      </div>
      <div class="artificial"><img src="./images/yun_qing_zhan/ArtificialIntelligence.png" alt=""></div>
      <img class="person" src="./images/yun_qing_zhan/person.png" alt="">
    </div>
    <div class="three-box">
      <div class="title">AI智能学习</div>
      <p class="desc">机器智能学习用户办理业务过程中高频搜索的问题，并在页面中提供相关问题标签，自动完成企业知识库的建立。</p>
      <div class="long-line"></div>
      <div class="title">图像搜索</div>
      <p class="desc">图像搜索以深度学习和大规模机器学习技术为核心，通过图像识别和搜索功能，精准识客户的需求；找到客户想买却说不出型号的产品。</p>
      <div><img class="te-shu" src="./images/yun_qing_zhan/wuoshou.png" alt=""></div>
      <div class="title">智能电销</div>
      <p class="desc">坐席在与客户沟通过程中，系统将实时语音流进行语音识别，了解客户意图，从知识库中生成最佳应答方式，展示在坐席的工作显示区，销售可根据话术跟客户进行沟通，提升成单率。</p>
    </div>
  </div>
</div>
<!--h5官网-->
<div class="h5_web_container">
  <div class="header margin-auto">
    <div class="wow bounceInDown" data-wow-delay="0.1s">
      <p class="font-size-36px">H5官网</p>
      <div class="text-center">
        <div class="line"></div>
      </div>
      <p class="show_desc font-size-24px">移动端企业建站解决方案</p>
    </div>
    <div class="flex-list h5_list_box">
      <div class="flex-grow-0 wow bounceInRight" data-wow-delay="0.1s">
        <p><img src="./images/yun_qing_zhan/phone1.png" alt=""></p>
        公司介绍
      </div>
      <div class="flex-grow-0 wow bounceInRight" data-wow-delay="0.2s">
        <p><img src="./images/yun_qing_zhan/phone2.png" alt=""></p>
        营销软文
      </div>
      <div class="flex-grow-0 wow bounceInRight" data-wow-delay="0.3s">
        <p><img src="./images/yun_qing_zhan/phone3.png" alt=""></p>
        产品介绍
      </div>
      <div class="flex-grow-0 wow bounceInRight" data-wow-delay="0.4s">
        <p><img src="./images/yun_qing_zhan/phone4.png" alt=""></p>
        企业文化
      </div>
    </div>
  </div>
</div>
<!--案列解析 and contactUs-->
<div class="anli_jie_xi_contact">
  <div class="header margin-auto">
    <div class="text-center wow bounceInLeft" data-wow-delay="0.2s"><img src="./images/yun_qing_zhan/anliejiexi_title.png" alt=""></div>
    <div class="text-center wow bounceInLeft" data-wow-delay="0.2s">
      <div class="line"></div>
    </div>
    <div class="text-center cursor video-big-box">
      <img class="big-bg" src="./images/yun_qing_zhan/anliejiexi.png" alt="">
      <div class="video-container">
        <img class="small_playBtn" src="./images/playBtn.png" alt="">
        <video class="center-video">
          <!--<source src="http://pc5hsiop1.bkt.clouddn.com/xngc.mp4"/>-->
          <source src="http://www.2025.net/tpl/cloud/Public/colinks/media/001%20(2).mp4">
        </video>
      </div>
    </div>

  </div>
  <!--联系我们-->
  <div class="contact_box">
    <div class="text-center wow bounceInLeft" data-wow-delay="0.2s"><a name="contact" id="contact"><img src="./images/contactUs.png" alt=""></a></div>
    <div class="text-center wow bounceInLeft" data-wow-delay="0.2s">
      <div class="line"></div>
    </div>
    <form id="form" action="." class="form-box wow fadeIn" data-wow-delay="0.4s">
      <div class="button-top-box">
        <div class="flex-row flex-y-center input-box">
          <div class="flex-grow-0 flex-y-center top-input">
            <span class="red">*</span>
            <span class="font-famliy">称呼</span>
            <input class="name" name="userName" type="text" placeholder="先生或女士">
          </div>
          <div class="flex-grow-0 flex-y-center center">
            <span class="red">*</span>
            <span class="font-famliy">联系方式</span>
            <input class="phone" name="userPhone" type="text" placeholder="手机号">
          </div>
          <div class="flex-grow-0 flex-y-center">
            <span class="font-famliy">服务内容</span>
            <select name="select">
              <option>云工厂</option>
              <option>云展馆</option>
              <option>工业仿真动画</option>
              <option>高定H5</option>
              <option>企业影视</option>
            </select>
          </div>
        </div>
        <div class="flex-row flex-y-center">
          <span class="font-famliy">需求描述</span>
          <textarea id="textareaid" placeholder="选填" name="description" class="textarea"></textarea>
        </div>
        <script>
          var textareaid = document.getElementById('textareaid');
          textareaid.value = ''
        </script>
      </div>
      <div class="text-center" style="margin-left:-80px">
        <img class="cursor submitBtn"  src="./images/submitBtn.png" alt="">
      </div>
    </form>
  </div>
  <footer class="footer_container">
    <div class="fadeback">
      <img class="goTop cursor wow bounceInDown" data-wow-delay="0.5s" src="./images/back_icon.png" alt="">
    </div>
    <div class="header margin-auto cf">
      <div>
        <dl class="footer-item-list">
          <dt>云展汇</dt>
          <dd><a href="##">展馆案例</a></dd>
          <dd><a href="##">党建专题</a></dd>
          <dd><a href="##">机械专题</a></dd>
        </dl>
        <dl class="footer-item-list">
          <dt>增值服务</dt>
          <dd><a href="##">高端定制H5</a></dd>
          <dd><a href="##">智能客服</a></dd>
          <dd><a href="##">企业影视</a></dd>
          <dd><a href="##">工业仿真</a></dd>
        </dl>
        <dl class="footer-item-list">
          <dt>其他服务</dt>
          <dd><a href="##">VR解决方案</a></dd>
          <dd><a href="##">互联网+</a></dd>
          <dd><a href="##">展销宝</a></dd>
        </dl>
        <dl class="footer-item-list">
          <dt>关于我们</dt>
          <dd><a href="##">公司介绍</a></dd>
          <dd><a href="##">团队实力</a></dd>
          <dd><a href="##">企业愿景</a></dd>
        </dl>
        <dl class="footer-item-list">
          <dt>热线电话</dt>
          <dd>400-189-2025</dd>
          <dd>客服一：189 7135 6279</dd>
          <dd>客服二：177 4050 2025</dd>
          <dd>QQ ：259 259 2025</dd>
        </dl>
      </div>
      <div class="footer-icon-box fl">
        <div><img src="./images/erwei.png" alt=""></div>
        <div class="icon-list">
          <a href="##"></a>
          <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=2592592025&amp;site=qq&amp;menu=yes" target="_blank"></a>
          <a href="##"></a>
        </div>
      </div>
    </div>
    <div class="bottom-line"></div>
    <div class="copyRight">
      武汉纺友技术有限公司版权所有 鄂ICP备09014919号-39
    </div>
  </footer>
</div>

<script src="./js/jquery.min.js"></script>
<script src="./js/threesixty.min.js"></script>
<script src="./js/wow.js"></script>
<script src="js/yun_qing_zhan.js"></script>
<script>
  var wow = new WOW({
    boxClass: 'wow',
    animateClass: 'animated',
    offset:30,
    mobile: true,
    live:true
  });
  wow.init();
</script>
<script type="text/javascript">
  $(window).ready(function(){
    $('.threesixty').ThreeSixty({
      totalFrames: 36,//图片的总数
      endFrame: 2,
      currentFrame: 1,//初始化时现实的第几个元素
      imgList: '.threesixty_images',//显示图片的父级div
      progress: '.spinner',//显示进度的div
      imagePath: 'images/yun_qing_zhan/360_rotate/',//图片的路径
      filePrefix: '',//用到的图片的前缀名称
      ext: '.png',//存放的图片的后缀名（要一致）
      width: "900",//显示区域的宽度
      height: "520",//显示区域的高度
      navigation: true,//是否显示导航条（可以进行的操作：上一步   下一步   开始自动旋转）
      disableSpin: false
    });
  });
</script>
</body>
</html>